<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate.css"/>
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_md.css"/>
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_sm.css"/>
    <link rel="stylesheet" href="css/test_Index_md.css"/>
    <link rel="stylesheet" href="css/test_Index_sm.css"/>
    <script src="js/jquery-3.2.1.js"></script>
    <script type="text/javascript">
        $(function () {
            jQuery(".test_content_left_list_content_right_list_content").hover(function () {
                var contentRightIndex = jQuery(this).index();
                var contentLeft = jQuery(".test_content_left_list_content_left_list");
                var content = contentLeft.get(contentRightIndex);
                contentLeft.hide();
                jQuery(content).show();
            })
        })
    </script>
</head>
<body>
<!--测试首页-->
    <!--头部导航栏，响应式，最小宽度768-->
    <div class="nav">
    <a class="logo_Astray">Astray</a>
    <ul class="nav_ul">
        <a href="index.html"><li class="nav_li nav_action">首页</li></a>
        <a href="article_Index.html"><li class="nav_li">文章</li></a>
        <a href="question_Index.html"><li class="nav_li">问答</li></a>
        <a href="test_Index.html"><li class="nav_li">测试</li></a>
        <a href="FM_Index.html"><li class="nav_li">FM</li></a>
        <li class="nav_menu">
            <ul class="nav_drop">
                <li class="item">更多<span class="triangle"></span></li>
                <a href="interact_List.html"><li class="item">动态</li></a>
                <a href=""><li class="item">选项2</li></a>
            </ul>
        </li>
    </ul>
    <ul class="nav_ul_info">
        <li class="nav_ul_info_li">
            <a  class="nav_ul_info_img" href="user_Center.html">
                <img src="img/headPhoto.png" width="2rem">
            </a>
            <div id="user_infoBox">
                <ul>
                    <li>
                        文章<br/>
                        <span>11</span>
                    </li>
                    <li>
                        提问<br/>
                        <span>11</span>
                    </li>
                    <li>回答<br/>
                        <span>11</span>
                    </li>
                    <li>收藏<br/>
                        <span>11</span>
                    </li>
                </ul>
                <dl>
                    <dt>称号：</dt>
                    <dd><img src="img/jia.png" alt=""></dd>
                    <dd><img src="img/jia.png" alt=""></dd>
                </dl>
                <div>
                    <a>签到</a>
                    <a href="user_Info_baseInfo.html">前往个人信息>>></a>
                </div>
            </div>

        </li>
        <li class="nav_ul_info_li"><a onclick="javascript:window.open('user_chat.html','chat','top=100%,left=100%,status=no,location=no,menubar=no, scrollbars=no,')">消息</a></li>
        <li class="nav_ul_info_li"><a href="user_Info_systemMessage.html">通知</a></li>
    </ul>
</div>

<!--分类测试和搜索框-->
    <div class="test_size">
        <div class="test_category_serach">
            <ul class="test_category_serach_nav_ul">
                <li class="test_category_serach_nav_li"><a href="test_Category.html">爱情测试</a></li>
                <li class="test_category_serach_nav_li"><a href="test_Category.html">性格测试</a></li>
                <li class="test_category_serach_nav_li"><a href="test_Category.html">能力测试</a></li>
                <li class="test_category_serach_nav_li"><a href="test_Category.html">会员测试</a></li>
                <li class="test_category_serach_nav_li"><a href="test_Category.html">精选测试</a></li>
                <li class="test_category_serach_nav_li"><a href="test_Category.html">专业测试</a></li>
                <li class="test_category_serach_nav_li"><a href="test_Category.html">热门测试</a></li>
                <li class="test_category_serach_nav_li">
                    <input type="text" placeholder="请输入搜索关键字"/>
                    <img src="img/text_search_black.png" width="25"/>
                </li>
            </ul>
            <!--分类横线-->
            <ul class="test_category_serach_nav_ul">
                <li class="test_category_serach_line"></li>
            </ul>
        </div>
        <!--测试专栏左侧和推荐专栏右侧-->
        <div class="test_content">
            <div class="test_content_left">
                <!--发现全新自己专栏-->
                <div class="test_content_left_list">
                    <div class="test_content_left_list_title">
                        发现全新的自己:
                    </div>
                    <div class="test_content_left_list_content">
                        <div class="test_content_left_list_content_left">
                            <div class="test_content_left_list_content_left_list">
                                <div class="test_content_left_list_content_left_img" >
                                    <a href="test_Details.html"><img src="img/text_img_4.jpg"></a>
                                </div>
                                <div class="test_content_left_list_content_left_title">
                                    <div><a href="test_Details.html">了吗今天的你了解自己了吗今天的你了解自己了吗今天的你了解自己了吗解自己了吗今天的了吗今天的你了解自己了
                                        吗今天的你了解自己了吗今天的你了解自己了吗解自己了吗今天的</a>
                                    </div>
                                    <div>测试人数: 120156人</div>
                                    <div>评论:587条</div>
                                </div>
                                <div class="hand_line"></div>
                                <div class="test_content_left_list_content_left_detail">
                                    肯定就是垃圾雕塑拉丝机可是看到计算机懒得看撒娇短时间担惊受恐垃圾空间撒领导安静多
                                    了佳节
                                    快乐到家奥斯卡了解到阿苏雕塑家扩大金石可镂家里睡觉卡深刻理解啥都看家世界
                                    肯德基阿斯利康金坷垃
                                    肯定就是垃圾雕塑拉丝机可是看到计算机懒得看撒娇短时间担惊受恐垃圾空间撒领导安静多
                                    了佳节快乐到家奥斯卡了解到阿苏雕塑家扩大金石
                                    快乐到家奥斯卡了解到阿苏雕塑家扩大金石可镂家里睡觉卡深刻理解啥都看家世界
                                    肯德基阿斯利康金坷垃
                                    肯定就是垃圾雕塑拉丝机可是看到计算机懒得看撒娇短时间担惊受恐垃圾空间撒领导安静多
                                    了佳节快乐到家奥斯卡了解到阿苏雕塑家扩大金石
                                </div>
                            </div>

                            <div class="test_content_left_list_content_left_list">
                                <div class="test_content_left_list_content_left_img" >
                                    <a href="test_Details.html"><img src="img/text_img_5.png"></a>
                                </div>
                                <div class="test_content_left_list_content_left_title">
                                    <div><a href="test_Details.html">今天的你了解自己了吗</a></div>
                                    <div>测试人数: 120156人</div>
                                    <div>评论:587条</div>
                                </div>
                                <div class="hand_line"></div>
                                <div class="test_content_left_list_content_left_detail">
                                    肯定就是垃圾雕塑拉丝机可是看到计算机懒得看撒娇短时间担惊受恐垃圾空间撒领导安静多
                                    了佳节
                                    快乐到家奥斯卡了解到阿苏雕塑家扩大金石可镂家里睡觉卡深刻理解啥都看家世界
                                    肯德基阿斯利康金坷垃
                                    肯定就是垃圾雕塑拉丝机可是看到计算机懒得看撒娇短时间担惊受恐垃圾空间撒领导安静多
                                    了佳节快乐到家奥斯卡了解到阿苏雕塑家扩大金石
                                    快乐到家奥斯卡了解到阿苏雕塑家扩大金石可镂家里睡觉卡深刻理解啥都看家世界
                                    肯德基阿斯利康金坷垃
                                    肯定就是垃圾雕塑拉丝机可是看到计算机懒得看撒娇短时间担惊受恐垃圾空间撒领导安静多
                                    了佳节快乐到家奥斯卡了解到阿苏雕塑家扩大金石
                                </div>
                            </div>
                            <div class="test_content_left_list_content_left_list">
                                <div class="test_content_left_list_content_left_img" >
                                    <a href="test_Details.html"><img src="img/text_img_1.png"></a>
                                </div>
                                <div class="test_content_left_list_content_left_title">
                                    <div><a href="test_Details.html">今天的你了解自己了吗</a></div>
                                    <div>测试人数: 120156人</div>
                                    <div>评论:587条</div>
                                </div>
                                <div class="hand_line"></div>
                                <div class="test_content_left_list_content_left_detail">
                                    肯定就是垃圾雕塑拉丝机可是看到计算机懒得看撒娇短时间担惊受恐垃圾空间撒领导安静多
                                    了佳节
                                    快乐到家奥斯卡了解到阿苏雕塑家扩大金石可镂家里睡觉卡深刻理解啥都看家世界
                                    肯德基阿斯利康金坷垃
                                    肯定就是垃圾雕塑拉丝机可是看到计算机懒得看撒娇短时间担惊受恐垃圾空间撒领导安静多
                                    了佳节快乐到家奥斯卡了解到阿苏雕塑家扩大金石
                                    快乐到家奥斯卡了解到阿苏雕塑家扩大金石可镂家里睡觉卡深刻理解啥都看家世界
                                    肯德基阿斯利康金坷垃
                                    肯定就是垃圾雕塑拉丝机可是看到计算机懒得看撒娇短时间担惊受恐垃圾空间撒领导安静多
                                    了佳节快乐到家奥斯卡了解到阿苏雕塑家扩大金石
                                </div>
                            </div>
                            <div class="test_content_left_list_content_left_list">
                                <div class="test_content_left_list_content_left_img" >
                                    <a href="test_Details.html"><img src="img/text_img_6.png"></a>
                                </div>
                                <div class="test_content_left_list_content_left_title">
                                    <div><a href="test_Details.html">今天的你了解自己了吗</a></div>
                                    <div>测试人数: 120156人</div>
                                    <div>评论:587条</div>
                                </div>
                                <div class="hand_line"></div>
                                <div class="test_content_left_list_content_left_detail">
                                    肯定就是垃圾雕塑拉丝机可是看到计算机懒得看撒娇短时间担惊受恐垃圾空间撒领导安静多
                                    了佳节
                                    快乐到家奥斯卡了解到阿苏雕塑家扩大金石可镂家里睡觉卡深刻理解啥都看家世界
                                    肯德基阿斯利康金坷垃
                                    肯定就是垃圾雕塑拉丝机可是看到计算机懒得看撒娇短时间担惊受恐垃圾空间撒领导安静多
                                    了佳节快乐到家奥斯卡了解到阿苏雕塑家扩大金石
                                    快乐到家奥斯卡了解到阿苏雕塑家扩大金石可镂家里睡觉卡深刻理解啥都看家世界
                                    肯德基阿斯利康金坷垃
                                    肯定就是垃圾雕塑拉丝机可是看到计算机懒得看撒娇短时间担惊受恐垃圾空间撒领导安静多
                                    了佳节快乐到家奥斯卡了解到阿苏雕塑家扩大金石
                                </div>
                            </div>
                        </div>
                        <div class="test_content_left_list_content_right">
                            <div class="test_content_left_list_content_right_list">
                                <div class="test_content_left_list_content_right_list_content">
                                    <div class="test_content_left_list_content_right_list_content_img">
                                        <a href="test_Details.html"><img src="img/text_img_4.jpg" width="85" height="60"></a>
                                    </div>
                                    <div class="test_content_left_list_content_right_list_content_detail">
                                        <div><a href="test_Details.html">王尼玛的人生王尼玛的人生王尼玛的人生王尼玛的人生王尼玛的人生王尼玛的人生</a></div>
                                        <div align="right">
                                            <nav><span>2121</span><span>测试人数:</span><span>2121</span></nav>
                                            <nav><img src="img/visible-o.png" width="14" height="14" ></nav>
                                        </div>
                                    </div>
                                </div>

                                <div class="test_content_left_list_content_right_list_content">
                                    <div class="test_content_left_list_content_right_list_content_img">
                                        <a href="test_Details.html"><img src="img/text_img_4.jpg" width="85" height="60"></a>
                                    </div>
                                    <div class="test_content_left_list_content_right_list_content_detail">
                                        <div><a href="test_Details.html">王尼玛的人生王尼玛的人生王尼玛的人生王尼玛的人生王尼玛的人生王尼玛的人生</a></div>
                                        <div align="right">
                                            <nav><span>2121</span><span>测试人数:</span><span>2121</span></nav>
                                            <nav><img src="img/visible-o.png" width="14" height="14" ></nav>
                                        </div>
                                    </div>
                                </div>

                                <div class="test_content_left_list_content_right_list_content">
                                    <div class="test_content_left_list_content_right_list_content_img">
                                        <a href="test_Details.html"><img src="img/text_img_4.jpg" width="85" height="60"></a>
                                    </div>
                                    <div class="test_content_left_list_content_right_list_content_detail">
                                        <div><a href="test_Details.html">王尼玛的人生王尼玛的人生王尼玛的人生王尼玛的人生王尼玛的人生王尼玛的人生</a></div>
                                        <div align="right">
                                            <nav><span>2121</span><span>测试人数:</span><span>2121</span></nav>
                                            <nav><img src="img/visible-o.png" width="14" height="14" ></nav>
                                        </div>
                                    </div>
                                </div>

                                <div class="test_content_left_list_content_right_list_content">
                                    <div class="test_content_left_list_content_right_list_content_img">
                                        <a href="test_Details.html"><img src="img/text_img_4.jpg" width="85" height="60"></a>
                                    </div>
                                    <div class="test_content_left_list_content_right_list_content_detail">
                                        <div><a href="test_Details.html">王尼玛的人生王尼玛的人生王尼玛的人生王尼玛的人生王尼玛的人生王尼玛的人生</a></div>
                                        <div align="right">
                                            <nav><span>2121</span><span>测试人数:</span><span>2121</span></nav>
                                            <nav><img src="img/visible-o.png" width="14" height="14" ></nav>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--推荐专栏-->
                <div class="test_content_left_totalcategory">
                    <div class="test_content_left_totalcategory_font">推荐专栏</div>
                    <div class="test_content_left_totalcategory_list">
                        <div class="test_content_left_totalcategory_list_content">
                            <div class="test_content_left_totalcategory_list_content_img">
                                <a href="test_Details.html"><img src="img/text_img_5.png" width="150" height="100"></a>
                            </div>
                            <div class="test_content_left_totalcategory_list_title">
                                <div><a href="test_Details.html">小楼日理万机</a></div>
                                <div>为什么你活得这么累?为什么你活得这么累?为什么你活得这么累?为什么你活得这么累?为什么你活得这么累?为什么你活得这么累?为什么你活得这么累?为什么你活得这么累?为什么你活得这么累?为什么你活得这么累?为什么你活得这么累?为什么你活得这么累?</div>
                                <div align="right">5210人测试</div>
                            </div>
                            <div class="test_content_left_totalcategory_list_other">
                                <div class="test_content_left_totalcategory_list_other_content">
                                    <div><a href="test_Details.html">你对于性的看法你对于性的看法你对于性的看法你对于性的看法</a></div>
                                    <div><span>5210</span>人测试</div>
                                </div>
                                <div class="test_content_left_totalcategory_list_other_content">
                                    <div><a href="test_Details.html">你对于性的看法你对于性的看法你对于性的看法你对于性的看法</a></div>
                                    <div><span>5210</span>人测试</div>
                                </div>
                                <div class="test_content_left_totalcategory_list_other_content">
                                    <div><a href="test_Details.html">你对于性的看法你对于性的看法你对于性的看法你对于性的看法</a></div>
                                    <div><span>5210</span>人测试</div>
                                </div>
                            </div>
                        </div>
                        <div class="test_content_left_totalcategory_list_content">
                            <div class="test_content_left_totalcategory_list_content_img">
                                <a href="test_Details.html"><img src="img/text_img_6.png" width="150" height="100"></a>
                            </div>
                            <div class="test_content_left_totalcategory_list_title">
                                <div><a href="test_Details.html">小楼日理万机</a></div>
                                <div>为什么你活得这么累?</div>
                                <div align="right">5210人测试</div>
                            </div>
                            <div class="test_content_left_totalcategory_list_other">
                                <div class="test_content_left_totalcategory_list_other_content">
                                    <div><a href="test_Details.html">你对于性的看法你对于性的看法你对于性的看法你对于性的看法</a></div>
                                    <div><span>5210</span>人测试</div>
                                </div>
                                <div class="test_content_left_totalcategory_list_other_content">
                                    <div><a href="test_Details.html">你对于性的看法你对于性的看法你对于性的看法你对于性的看法</a></div>
                                    <div><span>5210</span>人测试</div>
                                </div>
                                <div class="test_content_left_totalcategory_list_other_content">
                                    <div><a href="test_Details.html">你对于性的看法你对于性的看法你对于性的看法你对于性的看法</a></div>
                                    <div><span>5210</span>人测试</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--爱情专栏-->
                <div class="test_content_left_totalcategory">
                    <div class="test_content_left_totalcategory_font">推荐专栏</div>
                    <div class="test_content_left_totalcategory_list">
                        <div class="test_content_left_totalcategory_list_content">
                            <div class="test_content_left_totalcategory_list_content_img">
                                <a href="test_Details.html"><img src="img/text_img_5.png" width="150" height="100"></a>
                            </div>
                            <div class="test_content_left_totalcategory_list_title">
                                <div><a href="test_Details.html">小楼日理万机</a></div>
                                <div>为什么你活得这么累?</div>
                                <div align="right">5210人测试</div>
                            </div>
                            <div class="test_content_left_totalcategory_list_other">
                                <div class="test_content_left_totalcategory_list_other_content">
                                    <div><a href="test_Details.html">你对于性的看法你对于性的看法你对于性的看法你对于性的看法</a></div>
                                    <div><span>5210</span>人测试</div>
                                </div>
                                <div class="test_content_left_totalcategory_list_other_content">
                                    <div><a href="test_Details.html">你对于性的看法你对于性的看法你对于性的看法你对于性的看法</a></div>
                                    <div><span>5210</span>人测试</div>
                                </div>
                                <div class="test_content_left_totalcategory_list_other_content">
                                    <div><a href="test_Details.html">你对于性的看法你对于性的看法你对于性的看法你对于性的看法</a></div>
                                    <div><span>5210</span>人测试</div>
                                </div>
                            </div>
                        </div>
                        <div class="test_content_left_totalcategory_list_content">
                            <div class="test_content_left_totalcategory_list_content_img">
                                <a href="test_Details.html"><img src="img/text_img_6.png" width="150" height="100"></a>
                            </div>
                            <div class="test_content_left_totalcategory_list_title">
                                <div><a href="test_Details.html">小楼日理万机</a></div>
                                <div>为什么你活得这么累?</div>
                                <div align="right">5210人测试</div>
                            </div>
                            <div class="test_content_left_totalcategory_list_other">
                                <div class="test_content_left_totalcategory_list_other_content">
                                    <div><a href="test_Details.html">你对于性的看法你对于性的看法你对于性的看法你对于性的看法</a></div>
                                    <div><span>5210</span>人测试</div>
                                </div>
                                <div class="test_content_left_totalcategory_list_other_content">
                                    <div><a href="test_Details.html">你对于性的看法你对于性的看法你对于性的看法你对于性的看法</a></div>
                                    <div><span>5210</span>人测试</div>
                                </div>
                                <div class="test_content_left_totalcategory_list_other_content">
                                    <div><a href="test_Details.html">你对于性的看法你对于性的看法你对于性的看法你对于性的看法</a></div>
                                    <div><span>5210</span>人测试</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--右侧专栏-->
            <div class="test_content_right">
                <div class="test_content_right_recommend">
                    <div>推荐专栏</div>
                    <div class="test_content_right_img">
                        <a href="test_Details.html"><img src="img/text_img_1.png" width="140" height="140"></a>
                        <a href="test_Details.html"><img src="img/text_img_2.png" width="140" height="140"></a>
                        <a href="test_Details.html"><img src="img/text_img_3.png" width="300" height="120"></a>
                    </div>
                </div>
                <div class="test_content_right_hand"></div>
                <div class="test_content_hot">
                    <div class="test_content_hot_title">
                        <div align="left" class="test_content_hot_title_left">热门测试</div>
                        <div align="right" class="test_content_hot_title_right"><a href="javascript:;">换一换</a></div>
                    </div>
                    <div class="test_content_hots">
                        <div class="test_content_hots_size">
                            <div class="test_content_hot_content">
                                <div class="test_content_hot_content_head">
                                    <div class="test_content_hot_content_left">
                                        <a href="test_Details.html"><img src="img/text_img_4.jpg" width="100" height="70"></a>
                                    </div>
                                    <div class="test_content_hot_content_right">
                                        <div><a href="test_Details.html">精选测试:测试你的内心性格精选测试:测试你的内心性格:测试你的内心性格</a></div>
                                        <div align="right">
                                            <span><img src="img/visible-o.png" width="15" height="15"></span>3456人测试过
                                        </div>
                                    </div>
                                </div>
                                <div class="test_content_hot_content_list">
                                    <div class="test_content_hot_content_list_left">
                                        <a href="test_Details.html">测试你与友人的三观</a>
                                    </div>
                                    <div class="test_content_hot_content_list_right" >
                                        <span><img src="img/visible-o.png" width="15" height="15"></span>326456人测试过
                                    </div>
                                </div>
                                <div class="test_content_hot_content_list">
                                    <div class="test_content_hot_content_list_left">
                                        <a href="test_Details.html">测试你与友人的三观</a>
                                    </div>
                                    <div class="test_content_hot_content_list_right" >
                                        <span><img src="img/visible-o.png" width="15" height="15"></span>326456人测试过
                                    </div>
                                </div>
                                <div class="test_content_hot_content_list">
                                    <div class="test_content_hot_content_list_left">
                                        <a href="test_Details.html">测试你与友人的三观</a>
                                    </div>
                                    <div class="test_content_hot_content_list_right" >
                                        <span><img src="img/visible-o.png" width="15" height="15"></span>326456人测试过
                                    </div>
                                </div>
                                <div class="test_content_hot_content_list">
                                    <div class="test_content_hot_content_list_left">
                                        <a href="test_Details.html">测试你与友人的三观</a>
                                    </div>
                                    <div class="test_content_hot_content_list_right" >
                                        <span><img src="img/visible-o.png" width="15" height="15"></span>326456人测试过
                                    </div>
                                </div>
                                <div class="test_content_hot_content_list">
                                    <div class="test_content_hot_content_list_left">
                                        <a href="test_Details.html">测试你与友人的三观</a>
                                    </div>
                                    <div class="test_content_hot_content_list_right" >
                                        <span><img src="img/visible-o.png" width="15" height="15"></span>326456人测试过
                                    </div>
                                </div>
                                <div class="test_content_hot_content_list">
                                    <div class="test_content_hot_content_list_left">
                                        <a href="test_Details.html">测试你与友人的三观</a>
                                    </div>
                                    <div class="test_content_hot_content_list_right" >
                                        <span><img src="img/visible-o.png" width="15" height="15"></span>326456人测试过
                                    </div>
                                </div>
                                <div class="test_content_hot_content_list">
                                    <div class="test_content_hot_content_list_left">
                                        <a href="test_Details.html">测试你与友人的三观</a>
                                    </div>
                                    <div class="test_content_hot_content_list_right" >
                                        <span><img src="img/visible-o.png" width="15" height="15"></span>326456人测试过
                                    </div>
                                </div>
                                <div class="test_content_hot_content_list">
                                    <div class="test_content_hot_content_list_left">
                                        <a href="test_Details.html">测试你与友人的三观</a>
                                    </div>
                                    <div class="test_content_hot_content_list_right" >
                                        <span><img src="img/visible-o.png" width="15" height="15"></span>326456人测试过
                                    </div>
                                </div>
                                <div class="test_content_hot_content_list">
                                    <div class="test_content_hot_content_list_left">
                                        <a href="test_Details.html">测试你与友人的三观</a>
                                    </div>
                                    <div class="test_content_hot_content_list_right" >
                                        <span><img src="img/visible-o.png" width="15" height="15"></span>326456人测试过
                                    </div>
                                </div>
                                <div style="clear: both"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div>
    </div>
</body>
</html>